<template>
  <div>
    <tiny-histogram :options="options"></tiny-histogram>
  </div>
</template>

<script lang="jsx">
import { TinyHuichartsHistogram } from '@opentiny/vue-huicharts'

export default {
  components: {
    TinyHistogram: TinyHuichartsHistogram
  },
  data() {
    return {
      options: {
        itemStyle: {
          barMinHeight: 2 // 最小高度为 2
        },
        data: [
          { Month: 'Jan', Value: 100 },
          { Month: 'Feb', Value: 0.01 },
          { Month: 'Mar', Value: 0.01 },
          { Month: 'Apr', Value: 0.01 },
          { Month: 'May', Value: 0.01 },
          { Month: 'Jun', Value: 0.01 },
          { Month: 'Jul', Value: 0.01 },
          { Month: 'Aug', Value: 0.01 },
          { Month: 'Sep', Value: 0.01 },
          { Month: 'Oct', Value: 0.01 },
          { Month: 'Nov', Value: 0.01 },
          { Month: 'Dec', Value: 0.01 }
        ],
        xAxis: {
          data: 'Month'
        },
        yAxis: {
          name: 'Percent(%)'
        }
      }
    }
  }
}
</script>
